body, div, ul, li, dl, dt, dd, h2, p, img, a {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
}
$width:100%;
.nav{
    width: $width;
    height: 30px;
    border-bottom: 1px solid #dfdfdf;
    background-color:#eee;
    &-wrap{
        width: 1000px;
        height: 30px;
        margin: 0 auto;
        &-left{
            width: 320px;
            height: 20px;
            float: left;
            margin-top: 6px;
            >a{
                
                display: block;
                color: #666666;
                float: left;
                margin: 0 0.5%;
                white-space: nowrap;
                font-size: 0.75em;
                line-height: 23px;
                &:hover{
                    color: red;
                }
            }
        }
        &-right{
            width: 520px;
            height: 30px;
            float: right;
            ul {
               list-style: none;
               li{ 
                width: 84px;
                float: left;
                border-left: 1px solid #eee;
                border-right: 1px solid #eee;
                line-height: 30px;
                a{
                    width: 100%;
                        color: #666666;
                        font-size: 0.75em;
                        overflow: hidden;
                }
            }
            }
           
        }
    }
 }
.header{
    width: $width;
    height: 130px;
    background-color: fff;

    &-wrap{
        width: 1000px;
        height: 130px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        &-logo{
            width: 200px;
            height: 135px;
            margin: -1% 8% 0 0;
            float: left;
        }
        &-search{
               width: 490px;
               height: 60px;
               margin-left: 20px;
               form{
                display: block;
                width: 490px;
                height: 40px;
                vertical-align: middle;
                clear: both;
                overflow: hidden;
                display: flex;
                margin-left: -80px;
                // input{
                //     display: block;
                //     border: #cc0000 2px solid;
                //     font-family: "Microsoft YaHei";
                //     font-size: 0.75em;
                //     vertical-align: middle;
                // }
                #keyword{
                    width: 79%;
                    padding: 2% 0 2% 0;
                    padding-left: 2%;
                    border: none;
                }
                #button4{
                    width: 17.5%;
                    float: right;
                    background-color: #cc0000;
                    color: #ffffff;
                    font-size: 1.125em;
                    *font-size: 1em;
                    padding: 1.1% 0;
                    cursor: pointer;
                    border: none;
                }
               }
               ul{
                width: 100%;
                height: 1rem;
                overflow: hidden;
                margin: 1%;
                margin-left: -84px;
                li{
                    float: left;
                    padding: 0 1%;
                    color: #808080;
                    border-right: #dcdcdc 1px solid;
                    a{
                        color: #808080;
                        display: block;
                        font-size: 0.875em;
                        line-height: 1em;
                    }
                }
               }
        }
        &-cart{
            width: 82px;
            height: 42px;
            margin-top: -14px;
            .my-mall{
              width: 34px;
              height: 40px;
              background-color: palegreen;
              float: left;
              dt 
              {
                  
                    line-height: 20px;
                    height: 20px;
                    color: #555;
                    background-color: #FAFAFA;
                    display: block;
                    padding: 9px;
                    border: solid 1px #dddddd;
                    white-space: nowrap;
                    cursor: pointer;
                span{
                    background: url(/images/1.png) no-repeat -100px 0;
                    vertical-align: middle;
                    display: inline-block;
                    width: 20px;
                    height: 16px;
                }
              }
            }
            .my-cart{
              width: 34px;
              height: 40px;
              background-color: palegreen;
              float: right;
              position: relative;
              .add-goods-num{
                font: bold 11px/14px Verdana;
                color: #FFF;
                background: #F00;
                text-align: center;
                display: inline-block;
                height: 16px;
                min-width: 16px;
                max-width: auto!important;
                border: none 0;
                border-radius: 8px;
                position: absolute;
                z-index: 3;
                top: -4px;
                left: 20px;
              }
              dt{  
                line-height: 20px;
                height: 20px;
                color: #555;
                background-color: #FAFAFA;
                display: block;
                padding: 9px;
                border: solid 1px #dddddd;
                white-space: nowrap;
                cursor: pointer;
                span{
                    background: url(/images/1.png) no-repeat -122px 0;
                    vertical-align: middle;
                    display: inline-block;
                    width: 20px;
                    height: 16px;
                }
              }
            }
        }
    }
}
form{
        width:464px;
        height: 62px;
        border: #cc0000 2px solid;
        background-color: #cc0000;
        vertical-align: middle;
}